<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Example 4 (HTTP) - A pre-roll, 2 show streams with post-roll ads after each</title>
<script type="text/javascript" src="../dist/jquery-1.3.1.js"></script>
<script type="text/javascript" src="../dist/flowplayer-3.1.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/global.css" />
</head>
<body>

<h2>Example 4 (HTTP) - A pre-roll, 2 show streams with post-roll ads after each</h2>
<p class="example">
2 shows streams, sequenced to play one after each other, restricted to 15 secs each in duration,
with a pre-roll ad before the first stream followed by a post-roll after each stream. Auto play
is set to true so the stream starts up automatically and "playOnce" is set to true so ads will 
only play once for the streams.
</p>
<a class="example"></a>

<script type="text/javascript">
flowplayer("a.example", "../dist/flowplayer-3.1.5.swf", {
    plugins: {
        controls: {
            autoHide: "always"
        },

        openAdStreamer: {
            url: '../dist/OpenAdStreamer.swf',
//            "url": "/fp-http/OpenAdStreamer.swf",

            "playOnce": true,
            "autoPlay": true,       
            
            "shows": {
                "baseURL": "http://streaming.openvideoads.org/shows",
              "streams": [
                    { "file":"the-black-hole.mp4", "duration":"00:00:15" },
                    { "file":"the-black-hole.mp4", "duration":"00:00:15" }
               ]
            },

            "ads": {
              "servers": [
                   {
                      "type": "OpenX",
                      "apiAddress": "http://openx.openvideoads.org/openx/www/delivery/fc.php",
                   }
              ],

              "schedule": [
                  {
                    "zone": "5",
                      "position": "pre-roll",
                      "applyToParts": [ 0 ]
                  },
                  {
                    "zone": "5",
                      "position": "post-roll"
                  }
              ]
            },

            "debug": {
              "levels": "fatal",
              "debugger": "firebug"
            }
        }
    }
});
</script>
<p>
The configuration for this example is:
</p>
<div class="codebox">
<pre>
<code class="javascript">
flowplayer("a.example", "../dist/flowplayer-3.1.5.swf", {
    plugins: {
        controls: {
            autoHide: "always"
        },

        openAdStreamer: {
            url: '../dist/OpenAdStreamer.swf',

            "playOnce": true,
            "autoPlay": true,       

            "shows": {
                "baseURL": "http://streaming.openvideoads.org/shows",
                "streams": [
                    { "file":"the-black-hole.mp4", "duration":"00:00:15" },
                    { "file":"the-black-hole.mp4", "duration":"00:00:15" }
                 ]
            },

            "ads": {
                "servers": [
                    {
                        "type": "OpenX",
                        "apiAddress": "http://openx.openvideoads.org/openx/www/delivery/fc.php",
                    }
                ],
                "schedule": [
                    {
                        "zone": "5",
                        "position": "pre-roll",
                        "applyToParts": [ 0 ]
                    },
                    {
                        "zone": "5",
                        "position": "post-roll"
                    }
                ]
            },

            "debug": {
                "levels": "fatal",
                "debugger": "firebug"
            }
        }
    }
});
</code>
</pre>
</div>
<script type="text/javascript" src="js/tracking.js">
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10158120-3");
if(TRACKING_TURNED_ON) {
	pageTracker._trackPageview();
}
} catch(err) {}
</script>
</body>
</html>